<template>
	<view class="container container17601">
		<view class="flex flex-wrap diygw-col-24 items-center flex-clz">
			<view class="flex diygw-col-0">
				<view class="diygw-avatar lg radius bg-none">
					<image mode="aspectFit" class="diygw-avatar-img radius" src="/static/icon2_szyh.png" ></image>
				</view>
			</view>
			<view class="diygw-col-0 text-clz diygw-text-md" > 点击登录 </view>
			<view class="diy-icon-right diygw-col-0 text1-clz diygw-text-md"> </view>
		</view>
		<view class="flex flex-wrap diygw-col-24 flex-direction-column flex2-clz">
			<view class="flex diygw-col-24 items-center flex-nowrap flex1-clz">
				<image src="/static/icon1_gw.png" class="diygw-image diygw-col-0" style="height: 30px !important; width: 30px" mode="widthFix"></image>
				<view class="diygw-col-0 text2-clz"> 我的订单 </view>
				<text class="flex icon diygw-col-0 icon-clz diy-icon-right"></text>
			</view>
			<view class="flex diygw-col-24 items-center flex-nowrap flex3-clz">
				<image src="/static/icon1_tz.png" class="diygw-image diygw-col-0" style="height: 30px !important; width: 30px" mode="widthFix"></image>
				<view class="diygw-col-0 text3-clz"> 消息通知 </view>
				<view class="diygw-col-0 text4-clz"> 99 </view>
				<text class="flex icon2 diygw-col-0 icon2-clz diy-icon-right"></text>
			</view>
			<view class="flex diygw-col-24 items-center flex-nowrap flex4-clz">
				<image src="/static/icon1_sz1.png" class="diygw-image diygw-col-0" style="height: 30px !important; width: 30px" mode="widthFix"></image>
				<view class="diygw-col-0 text5-clz"> 我的收藏 </view>
				<text class="flex icon3 diygw-col-0 icon3-clz diy-icon-right"></text>
			</view>
			<view class="flex diygw-col-24 items-center flex-nowrap flex5-clz">
				<image src="/static/icon1_s.png" class="diygw-image diygw-col-0" style="height: 30px !important; width: 30px" mode="widthFix"></image>
				<view class="diygw-col-0 text6-clz"> 绑定账户 </view>
				<view class="diygw-col-0 text7-clz"> 未绑定 </view>
				<text class="flex icon4 diygw-col-0 icon4-clz diy-icon-right"></text>
			</view>
			<view class="flex diygw-col-24 items-center flex-nowrap flex6-clz">
				<image src="/static/icon1_kf.png" class="diygw-image diygw-col-0" style="height: 30px !important; width: 30px" mode="widthFix"></image>
				<view class="diygw-col-0 text8-clz"> 在线客服 </view>
				<view class="diygw-col-0 text9-clz"> 人工客服时间 9:00-22:00 </view>
				<text class="flex icon5 diygw-col-0 icon5-clz diy-icon-right"></text>
			</view>
			<view class="flex diygw-col-24 items-center flex-nowrap flex7-clz">
				<image src="/static/icon1_sz11.png" class="diygw-image diygw-col-0" style="height: 30px !important; width: 30px" mode="widthFix"></image>
				<view class="diygw-col-0 text10-clz"> 设置 </view>
				<text class="flex icon6 diygw-col-0 icon6-clz diy-icon-right"></text>
			</view>
		</view>
		<view class="version text-grey flex-direction-column flex diygw-col-24 justify-center align-center">
			<view> DIY官网代码生成器生成 </view>
			<view> http://www.diygw.com </view>
		</view>
		<view class="clearfix"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				//用户全局信息
				userInfo: {},
				//页面传参
				globalOption: {},
				//自定义全局变量
				globalData: {}
			};
		},
		onShow() {
			this.setCurrentPage(this);
		},
		onLoad(option) {
			this.setCurrentPage(this);
			if (option) {
				this.setData({
					globalOption: this.getOption(option)
				});
			}

			this.init();
		},
		methods: {
			async init() {}
		}
	};
</script>

<style lang="scss" scoped>
	.flex-clz {
		padding-top: 8px;
		border-bottom-left-radius: 20px;
		z-index: 100;
		padding-left: 8px;
		padding-bottom: 8px;
		border-top-right-radius: 20px;
		margin-right: 10px;
		background-color: rgba(255, 255, 255, 1);
		margin-left: 10px;
		box-shadow: 0px 1px 3px rgba(31, 31, 31, 0.16);
		overflow: hidden;
		width: calc(100% - 10px - 10px) !important;
		border-top-left-radius: 20px;
		margin-top: 10px;
		border-bottom-right-radius: 20px;
		margin-bottom: 10px;
		padding-right: 8px;
	}
	.text-clz {
		margin-left: 5px;
		flex: 1;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-right: 5px;
	}
	.text1-clz {
		margin-left: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-right: 5px;
	}
	.flex1-clz {
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #e2e2e2;
		padding-right: 10px;
	}
	.text2-clz {
		padding-top: 0px;
		font-weight: bold;
		flex: 1;
		padding-left: 5px;
		font-size: 16px !important;
		padding-bottom: 0px;
		padding-right: 0px;
	}
	.icon-clz {
		color: #939393;
	}
	.icon {
		font-size: 14px;
	}
	.flex3-clz {
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #e2e2e2;
		padding-right: 10px;
	}
	.text3-clz {
		padding-top: 0px;
		font-weight: bold;
		flex: 1;
		padding-left: 5px;
		font-size: 16px !important;
		padding-bottom: 0px;
		padding-right: 0px;
	}
	.text4-clz {
		color: #fd6b03;
		font-size: 16px !important;
	}
	.icon2-clz {
		color: #939393;
	}
	.icon2 {
		font-size: 14px;
	}
	.flex4-clz {
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #e2e2e2;
		padding-right: 10px;
	}
	.text5-clz {
		padding-top: 0px;
		font-weight: bold;
		flex: 1;
		padding-left: 5px;
		font-size: 16px !important;
		padding-bottom: 0px;
		padding-right: 0px;
	}
	.icon3-clz {
		color: #939393;
	}
	.icon3 {
		font-size: 14px;
	}
	.flex5-clz {
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #e2e2e2;
		padding-right: 10px;
	}
	.text6-clz {
		padding-top: 0px;
		font-weight: bold;
		flex: 1;
		padding-left: 5px;
		font-size: 16px !important;
		padding-bottom: 0px;
		padding-right: 0px;
	}
	.text7-clz {
		color: #939393;
		font-size: 14px !important;
	}
	.icon4-clz {
		color: #939393;
	}
	.icon4 {
		font-size: 14px;
	}
	.flex6-clz {
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #e2e2e2;
		padding-right: 10px;
	}
	.text8-clz {
		padding-top: 0px;
		font-weight: bold;
		padding-left: 5px;
		font-size: 16px !important;
		padding-bottom: 0px;
		padding-right: 0px;
	}
	.text9-clz {
		padding-top: 0px;
		color: #939393;
		flex: 1;
		padding-left: 5px;
		padding-bottom: 0px;
		padding-right: 5px;
	}
	.icon5-clz {
		color: #939393;
	}
	.icon5 {
		font-size: 14px;
	}
	.flex7-clz {
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #e2e2e2;
		padding-right: 10px;
	}
	.text10-clz {
		padding-top: 0px;
		font-weight: bold;
		flex: 1;
		padding-left: 5px;
		font-size: 16px !important;
		padding-bottom: 0px;
		padding-right: 0px;
	}
	.icon6-clz {
		color: #939393;
	}
	.icon6 {
		font-size: 14px;
	}
	.container17601 {
		padding-left: 0px;
		padding-right: 0px;

		font-size: 12px;
	}
	.container17601 {
	}
</style>
